body{ color:#555;}

.page{background:#f4f5f5;}
.list-block .item-title.label{ width:27%;}

.button.button-fill{background:#01a6ff;height:38px; line-height:38px;margin:0px 15px;}
.btn-disable{ background:#87ccf2!important;}
.button {border: 1px solid #ddd; color:#666;background:#01a6ff;}
.button.active{border: 1px solid #01a6ff; background:#01a6ff;}
.button.button-big{ height:40px; line-height:40px;}
.button.button-orange{ background:#ff8400}
.button.button-gray{ background:#cccccc}

.list-block ul:after{ background-color:#ddd;}

.color-orange{ color:#ff4301;}
.color-blue{ color:#01a6ff;}
.color-black{ color:#333;}

.list-block .item-title{ font-size:14px;}
.list-block .item-after{ font-size:13px;}
.list-block {margin: 15px 0;}
.list-title{padding-left: 15px;font-size: 13px;color: #666;line-height: 30px;}
.list-block ul:before{ height:0;}
.list-block input[type=time], .list-block input[type=number], .list-block input[type=search], .list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], .list-block input[type=date], .list-block input[type=datetime-local], .list-block select, .list-block textarea{ font-size:14px;}

.navbar{ background: #FFFFFF; color:#fff;}
.navbar a{color:#fff;}

.navbar a.btn-border{border: 1px solid #fff;height: 25px;border-radius: 5px;line-height: 25px;margin: 0;padding: 0;margin-top: -3px; font-size:14px;}

.navbar-logo{ background:url(../../res/center-logo.png?v=2); background-size:109px 44px; width:109px; height:45px; }
.navbar.border-bottom-blue:after {background-color: #cccccc;}
.navbar.noborder:after { height:0;}

.mainpic{ background:url(../../res/main_pic2.png?v=7) no-repeat; background-size:250px 250px;}
.mainpic.index-icon1{ background-position: 0px 0px;}
.mainpic.index-icon2{ background-position: -40px 0px;}
.mainpic.index-icon3{ background-position: -80px 0px;}
.mainpic.index-icon4{ background-position: -120px 0px;}

.mainpic.index-icon-order{background-position: -160px 0;}
.mainpic.index-icon-phone{background-position: -185px 0;}

.mainpic.icon-user-1{background-position: 0px -40px;}
.mainpic.icon-user-2{background-position: -25px -40px;}
.mainpic.icon-user-3{background-position: -50px -40px;}
.mainpic.icon-user-4{background-position: -75px -40px;}
.mainpic.icon-user-5{background-position: -100px -40px;}
.mainpic.icon-user-6{background-position: -125px -40px;}

.mainpic2{ background:url(../../res/main_pic2.png?v=7) no-repeat; background-size:250px 250px;}
.mainpic2.index-icon1{ background-position: 0px 0px;}
.mainpic2.index-icon2{ background-position: -40px 0px;}
.mainpic2.index-icon3{ background-position: -80px 0px;}
.mainpic2.index-icon4{ background-position: -120px 0px;}

.mainpic2.index-icon-order{background-position: -160px 0;}
.mainpic2.index-icon-phone{background-position: -185px 0;}

.mainpic2.icon-user-1{background-position: 0px -40px;}
.mainpic2.icon-user-2{background-position: -25px -40px;}
.mainpic2.icon-user-3{background-position: -50px -40px;}
.mainpic2.icon-user-4{background-position: -75px -40px;}
.mainpic2.icon-user-5{background-position: -100px -40px;}
.mainpic2.icon-user-6{background-position: -125px -40px;}



/*ͼ��*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1454351639_2861865.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1454351639_2861865.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1454351639_2861865.woff') format('woff'), /* chrome��firefox */
  url('//at.alicdn.com/t/font_1454351639_2861865.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1454351639_2861865.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                                    

.icon {
  font-family: "iconfont" !important;
  font-style: normal;

  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  color:#fff;
}
.icon-arow-right:before {
  content: "\e60a";
}
.icon-item-del:before {
  content: "\e609";
  color:#fd3636;
}
.icon-success:before {
  content: "\e602";
  color:#93cd23;
}

/*
.icon-user:before {
  content: "\e60b";
  font-size:25px;
	color:#93cd23;
}
*/

.icon-back:before {
  content: "\e60c";
  font-size:22px;
   color:#93cd23;
}

.icon-scan:before {
  content: "\e60d";
  font-size:17px;
}

.icon-alipay:before {
  content: "\e610";
  font-size:32px;
  color:#00aaf7;
}

.icon-wechatpay:before {
  content: "\e611";
  font-size:32px;
  color:#4fc402;
}

.icon-bankpay:before {
  content: "\e61a";
  font-size:32px;
  color:#4fc402;
}

.icon-cash:before {
  content: "\e612";
  font-size:30px;
  color:#ff6363;
}

.icon-home:before {
  content: "\e613";
  font-size:22px;
	color:#93cd23;
}

.icon-logout:before {
  content: "\e61f";
  font-size:22px;
}

.icon-nodata:before {
  content: "\e614";
  font-size:30px;
  color:#ddd;
}

.icon-camera:before {
  content: "\e615";
  font-size:30px;
  color:#a0a0a0;
}
.icon-add:before {
  content: "\e61c";
  font-size:30px;
}
.icon-local:before {
  content: "\e61d";
  color:#aaa;
  font-size:18px;
  
}
.icon-refresh:before {
  content: "\e61e";
  font-size:27px;
  
}

.icon-fix:before {
  content: "\e601";
  font-size:20px;
  color:#666;
}

.icon-recovery:before {
  content: "\e606";
  font-size:20px;
  color:#666;
}

.icon-buser:before {
  content: "\e60b";
  font-size:20px;
  color:#666;
}



.icon-select:before {
  content: "\e60e";
  font-size:30px;
  color:#ddd;
}



.item-select .icon-select{}
.select-list-block li.selected .icon-select:before {content: "\e60f";color:#01a6ff; font-size:28px;}

.nodata-msg{ text-align:center; margin-top:20px; color:#999;}
.nodata-msg .icon-nodata:before { font-size:45px;}

/*ѡ��*/
.select-list-block { background:#fff;}
.select-list-block ul{ list-style:none; padding:0;}
.select-list-block ul li{ position:relative; padding:10px 15px; line-height:20px; border-bottom:1px solid #e7e7e7; min-height:23px;}

.select-list-block .item-title{ font-size:14px;}
.select-list-block .item-subtitle{ color:#999; font-size:12px;}
.select-list-block .item-select{ position:absolute; right:10px; top:10px;}

/*ˮƽѡ��*/
.select-list-block.select-inline{ border-bottom:1px solid #e6e6e6; padding:15px; height:40px;}
.select-list-block.select-inline ul{ padding:0;}
.select-list-block.select-inline li{ float:left; width:31%; margin-right:3%; border:none; border:1px solid #e7e7e7; border-radius:4px; padding:8px 5px; font-size:14px;}
.select-list-block.select-inline li.selected{border:1px solid #01a6ff;}
.select-list-block.select-inline .item-icon{ position:absolute; left:8px; top:8px;}
.select-list-block.select-inline .item-context{ padding-left:28px;}
.select-list-block.select-inline .item-icon .icon:before{ font-size:23px;}

/*��ͼ����ѡ��*/
.select-list-block.has-icon .item-icon{ position:absolute; left:12.5px; top:18px;}
.select-list-block.has-icon .item-context{ padding-left:43px;}
.select-list-block.has-icon .item-select{ position:absolute; right:10px;}

/*��ַѡ��*/
.select-list-block.addr-select-list li{ padding:0px 15px; padding-left:35px;}
.select-list-block.addr-select-list .item-select{ position:absolute; left: -25px;top: 18px;}
.select-list-block.addr-select-list .item-title{ margin-top:10px;}
.select-list-block.addr-select-list .item-subtitle{ margin-bottom:10px;}

/*��ɫѡ��*/
.select-list-block li.color-attr-item{ height:68px;}
.select-list-block li.color-attr-item .item-color{ float:left; margin:5px 10px; width:40px; height:40px; background:#000; border:1px solid #ddd; border-radius:50%; position:relative;}
.select-list-block li.color-attr-item .item-color-text{ position:absolute; width:40px; bottom:-23px; left:0px; text-align:center; font-size:13px; color:#666;}
.select-list-block li.color-attr-item .item-color.selected{ border:1px solid #01a6ff;}
.select-list-block li.color-attr-item .item-color.selected .item-color-text{ color:#01a6ff;}


.icon-back{background: none!important;height: 44px!important;width: 40px!important;line-height: 40px!important;padding-left: 2px!important;}
.clear{ clear:both;}
.warp-box{ background:#fff;}


.click-active{-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.click-active:active{ background:#e6e6e6;}

.shadow{box-shadow: 0px 1px 4px rgba(100,100,100,0.1);}

/*�ײ�*/
.page-bottom{ }
.bottom-about{ width:100%;height: 25px;padding: 10px 0; border-bottom:1px solid #eee;}
.bottom-about li{ float:left; width:25%; list-style:none; font-size:12px; display:block; margin-left:-1px; border-right:1px solid #b4b4b4; color:#999999; text-align:center;}
.bottom-about li.noborder{ border:none;}
.bottom-about li a{ color:#999999;}

.bottom-phone{ padding:0; text-align:center; color:#007aff; line-height:40px; font-size:15px; margin-bottom:15px;}

/*��ҳ*/
.banner-slider{width: 100%;height: 110px;}
.banner-slider .swiper-pagination-bullet-active{background: #fff;}

.index-select-item{ display:block; background:#fff; padding:12px 15px; padding-left:65px; border:1px solid #e9e9e9; margin:15px 10px; border-radius:4px; position:relative;box-shadow:0 1px 1px rgba(150, 150, 150, .1);}
.index-select-item .title{ color:#333333; font-size:15px;  line-height:23px; }
.index-select-item .subtitle{ color:#999999; font-size:12px;}
.index-select-item .icon-arow-right{ position:absolute; top:12px; right:15px; font-size:16px; line-height:40px; color:#999;}

.index-select-item .mainpic{ width:40px; height:40px; position:absolute; left:10px; top:12px;}
.index-bottom-btns{ position:fixed; bottom:0px; height:55px; width:100%; background:#fff;box-shadow: 0px 2px 8px rgba(50,50,50,0.2); z-index:9999;}
.index-bottom-btns .btn-item{ border-left:1px solid #ddd; margin-left:-1px; float:left; width:50%; text-align:center; line-height:55px; color:#999; position:relative; font-size:14px;}
.index-bottom-btns .btn-item .mainpic{ display:inline-block; left:25px; width:26px; height:25px; top:12px; margin-right:5px; margin-left:-5px; vertical-align:middle;}

/*ѡ���豸*/
.brand-list{ background:#fff; padding:15px;}
.brand-item{ border:1px solid #ddd; border-radius:50%; display:inline-block; height:40px; width:40px; background:url(../../res/apple.png) no-repeat center; background-size:40px 40px;}
.brand-item.active{ border:1px solid #01a6ff;}


/*ά��*/
.attr-list{ }
.attr-list li{ width:50%; border:1px solid #ddd;}
.attr-list .top-level-title{ color:#999; line-height:32px; padding-left:10px;}
.attr-list .sub-level-list{background:#fff; padding:10px 0;}
.attr-list .sub-level-list .sub-level-item-warp{ width:50%;float:left; margin:10px 0; }
.attr-list .sub-level-list .sub-level-item{ width:80%; margin:0 auto; border:1px solid #ddd; color:#666666; border-radius:5px; text-align:center; line-height:30px; height:30px; font-size:12px; cursor:pointer; position:relative;}
.attr-list .sub-level-list .sub-level-item.active{border:1px solid #01a6ff; color:#01a6ff;}
.attr-list .sub-level-list .sub-level-item.active:before{content: ""; position:absolute;border-radius: 0px 0px 4px 0px; height:15px; width:15px;right: 0px; bottom:0px; background: url(/images/icon-selected.png?v=2);background-size: 15px 15px;}

.attr-list .sub-level-list.color-level .sub-level-item-warp{ width:40px; margin:5px 10px; margin-bottom:18px;}
.attr-list .sub-level-list.color-level .sub-level-item{width:100%; height:40px; background:#000; border:1px solid #ddd; border-radius:50%; position:relative;}
.attr-list .sub-level-list.color-level .sub-level-item span{position:absolute; width:40px; bottom:-27px; left:0px; text-align:center; font-size:13px; color:#666}
.attr-list .sub-level-list.color-level .sub-level-item.active{border:1px solid #01a6ff;}
.attr-list .sub-level-list.color-level .sub-level-item.active:before{ display:none;}
.attr-list .sub-level-list.color-level .sub-level-item.active span{color:#01a6ff; }

/*
.select-list-block li.color-attr-item{ height:68px;}
.select-list-block li.color-attr-item .item-color{ float:left; margin:5px 10px; width:40px; height:40px; background:#000; border:1px solid #ddd; border-radius:50%; position:relative;}
.select-list-block li.color-attr-item .item-color-text{ position:absolute; width:40px; bottom:-23px; left:0px; text-align:center; font-size:13px; color:#666;}
.select-list-block li.color-attr-item .item-color.selected{ border:1px solid #01a6ff;}
.select-list-block li.color-attr-item .item-color.selected .item-color-text{ color:#01a6ff;}
*/

.bottom-total-info{ background-color:rgba(255,255,255,0.95);width: 100%;box-sizing: border-box;margin: 0;z-index: 500;left: 0;bottom: 0;position:fixed;box-shadow: 0px 2px 18px rgba(100,100,100,0.5); height:50px;line-height: 50px; font-size:13px; padding-left:10px; color:#999;}
.bottom-total-info .button{height: 50px;line-height: 50px; position:absolute; right:0px; top:0px; width:30%; border-radius:0px; color:#fff; border:0;}

.selected-device-info{ background:#fff; line-height:32px; text-align:center;}

/*ȷ�϶���*/

.confirm-top{ background:#fff; color:#333; padding:10px 15px;}
.confirm-order-type{font-size:15px; border-bottom:1px solid #e6e6e6; line-height:42px;}
.confirm-top p{ font-size:13px;white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis;max-width: 100%; margin:10px 0;}
.confirm-top p .title{ color:#999;}

/*���ɶ���*/
.success-msg-tip{ text-align:center; margin-top:20px;}
.success-msg-tip .icon-success{ font-size:42px;}


/*��д��ϵ��ʽ*/
.warp-box{box-sizing: border-box;}
.input-warp{ height:40px; border:1px solid #e9e9e9; border-radius:4px; margin-bottom:13px;box-sizing: border-box; padding:2px;}
.input-warp input{ border:none; width:95%; padding:5px;border-radius:4px; font-size:14px; height:25px;}



/**�û�����**/
.usercenter-top{ padding:20px 10px; background:#01a6ff; color:#fff;}
.usercenter-top .userface{  width:70px; height:70px; margin:10px auto; }
.usercenter-top .userface img{ border-radius:50%;width:70px; height:70px;}
.usercenter-top .usernick{  color:#fff; font-size:14px; text-align:center;}

.usercenter-btns{ background:#fff; padding:10px 0; height:40px;}
.usercenter-btns .btns-item{ display:block; float:left; border-left:1px solid #c8c8c8; margin-left:-1px; width:33.333%; text-align:center; color:#666;}
.usercenter-btns .btns-item .title{ display:block; color:#adadad; font-size:13px; line-height:21px;}

.list-block.user-menu-list{ color:#888; font-size:14px;}
.list-block.user-menu-list  ul:before{background-color: #ddd;}
.list-block.user-menu-list .item-inner:after{left: -50px;padding-left: 50px;background-color: #ddd;}

.list-block.user-menu-list .mainpic{ width:25px; height:25px;}


/*�һ��Ż���*/
.page-add-coupon .coupon-input{ background:#fff; margin:15px; display:block; border-radius:4px; border:1px solid #e0e0e0; position:relative;}
.page-add-coupon .coupon-scan{ height:40px; line-height:40px; background:#fff; margin:15px; background:#01a6ff; display:block; text-align:center; color:#fff; border-radius:4px;}

.page-add-coupon .coupon-input input{ width:80%; height:35px; line-height:35px; margin:2px; border:none; padding-left:10px; font-size:18px;}
.page-add-coupon .btn-exchange{display:block; height:100%; line-height:47px; text-align:center; width:20%; position:absolute; right:0px; top:0px;border-top-right-radius:4px;border-bottom-right-radius:4px; color:#fff;background: #01a6ff;}
.page-add-coupon .btn-exchange.btn-disabled{ background:#e0e0e0; }
/*ѡ���Ż���*/
.page-user-coupon{}
.page-user-coupon .coupon-list{ padding:20px;}
.page-user-coupon .coupon-item{ background:#fff; position:relative; height:110px; margin-bottom:15px;}
.page-user-coupon .coupon-item .coupon-item-left-bg{ position:absolute; left:-2.5px; top:0px; height:110px; width:2.5px; background-position: 0px -90px;}
.page-user-coupon .coupon-item .coupon-item-right-bg{ position:absolute; right:-2.5px; top:0px; height:110px; width:2.5px; background-position: -2.5px -90px;}

.page-user-coupon .coupon-item .use-button{ position:absolute; right:0px; top:0px; height:110px; line-height:110px; color:#fff; text-align:center; font-size:17px; width:25%; background:#ff8400;}
.page-user-coupon .coupon-item .coupon-price-warp{ position:absolute; top:20px; width:25%; text-align:center; color:#ff8400;}
.page-user-coupon .coupon-item .coupon-price{ font-size:36px;}
.page-user-coupon .coupon-item .coupon-price span{ font-size:15px;}
.page-user-coupon .coupon-item .coupon-info-warp{ padding-left:25%; color:#999; padding-top:15px;}
.page-user-coupon .coupon-item .coupon-info-warp p{ margin:0 0; font-size:12px; line-height:18px;}
.page-user-coupon .coupon-item .coupon-info-date{color:#ff8400; margin-top:8px!important;}


.page-user-coupon .coupon-item.coupon-dis .coupon-item-right-bg{ position:absolute; right:-2.5px; top:0px; height:110px; width:2.5px; background-position: -5px -90px;}
.page-user-coupon .coupon-item.coupon-dis .use-button{ background:#cccccd;}
.page-user-coupon .coupon-item.coupon-dis .coupon-info-warp{ color:#cccccd;}
.page-user-coupon .coupon-item.coupon-dis .coupon-price-warp{ color:#cccccd;}
.page-user-coupon .coupon-item.coupon-dis .coupon-info-date{color:#cccccd;}
/*�û�����*/
.user-order-list{}
.user-order-item{ background:#fff; margin-bottom:15px; padding:2px 15px; color:#999;}
.user-order-item .head{ line-height:40px; border-bottom:1px solid #e6e6e6; margin-bottom:5px;}
.user-order-item .head .order-status{ float:right;}

.user-order-item .text{ position:relative;}
.user-order-item .text p{ margin:12px 0; font-size:13px; white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis;width: 77%;display: block;}

.user-order-item .text .total-price{ position:absolute; right:5px; top:-3px; font-size:17px;}
.user-order-item .text .button{position:absolute; right:0px; bottom:-3px; width:70px; color:#fff; border:0; height:30px; line-height:30px; z-index:9;}


/*��������*/
.review-top{ margin:15px 0;}
.review-title{ height:20px; display:inline-block; line-height:20px; vertical-align:top; padding:0 15px;}
.review-select{ height:20px; display:inline-block;}
.review-select-item{ display:inline-block; width:20px; height:20px; margin-right:3px; background-position: -20px -65px;}
.review-select-item.active{background-position: 0px -65px;}

.review-text-warp{ margin-bottom:10px; }
.review-text-warp textarea{ background:#fff; border:0; width:100%; padding:15px; box-sizing: border-box;}

.review-text-warp .image-list{  height:70px; width:100%; background:#fff;margin-top: -7px;}
.review-text-warp .image-list .img-item{ float:left; width:54px; height:54px; margin:8px; margin-right:0; background:#f5f5f5; border:1px solid #f5f5f5;}
.review-text-warp .image-list .img-item img{ width:53px; height:53px;}
.review-text-warp .image-list .img-add{ display:inline-block; text-align:center;}
.review-text-warp .image-list .img-add .icon-camera{ background:none; margin-left:-5px; line-height:54px;}


/*�˻�����*/
.hk-tab{ background:#fff;}
.hk-tab .tab-item{ float:left;background:#fff; width:50%; height:35px; line-height:35px; text-align:center;border-bottom:2px solid #fff;}
.hk-tab .tab-item.active{ border-bottom:2px solid #01a6ff; color:#01a6ff;}

.takelog-item{ background:#fff; padding:0px 15px; padding-top:10px; position:relative; margin-top:10px;}
.take-info{ border-bottom:1px solid #e6e6e6;}
.take-info-account{ color:#666; line-height:24px; font-size:15px; margin-top:5px;white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis; width:85%;}
.take-info-time{ color:#999; line-height:22px; font-size:12px; margin-bottom:5px;}
.take-status{ line-height:35px; text-align:right; font-size:13px; color:#666;}
.take-money{ position:absolute; right:15px; top:20px; font-size:18px;}



/*��¼*/
.user-login-list .item-title.label{ padding-top:8px; padding-bottom:7px;width:20%!important;}
.user-login-list .btn-send-code{ position:absolute; color:#fff; right:0px; top:0px; border:none; border-radius:0px; height:49px; width:32%;}





/**Ա����**/
.st-order-item{ margin:10px; background:#fff; color:#666; display:block;}
.st-order-item .title{ font-size:13px; border-bottom:1px solid #e6e6e6; display:block; padding:8px;}
.st-order-item .title span{border-left:3px solid #0fc86b; padding-left:5px;}
.st-order-item .context{ font-size:13px; padding:10px;}
.st-order-item .context p{ margin:0; line-height:24px;}
.st-order-item .bottom{border-top:1px solid #e6e6e6; padding:10px; font-size:13px;}

.st-title{ font-size:13px; padding:5px; color:#777;}
.st-context{ background:#fff; font-size:13px; padding:10px;}
.st-context b{ font-weight:normal; color:#999;}
.st-context p{ margin:0; line-height:22px;}
.st-context .button{ display:inline-block; width:45%; margin: 3px 2%; color:#fff; line-height:35px; height:35px; border:none;}

.bottom-fix{ position:fixed; bottom:0px; left:0px; width:100%; height:45px; z-index:999; background:#fff; border-top:1px solid #ddd;}
.bottom-fix a{ display:block; float:left; width:33.333%; text-align:center; color:#666;}
.bottom-fix a .title{ font-size:12px; margin-top:-2px;}
.bottom-fix a.active{ color:#01a6ff;}
.bottom-fix a.active .icon:before{color:#01a6ff;}

.user-btns .btn-item{ width:50%; float:left; height:50px; background:#fff; padding:20px 0px; margin-left:-1px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#666; line-height:25px;}

.staff-top-tab{position:fixed;top: 45px;width: 100%;background: #fff; z-index:99;}


 
    .text0{
        
        style="font-family: 微软雅黑;font-size: 14px"
        
    }
    
    .text1{
        
        font-family: 微软雅黑;color: rgb(223, 56, 56);font-size: 14px;
    }
    
    .p0{
        text-indent:0;text-autospace:ideograph-other;line-height:26px;
    }
    
    .p1{
        
        margin-left:24px;text-indent:0;text-autospace:ideograph-other;line-height:26px;
        
    }
    

